@charset "UTF-8";

.at-upload-cover__title,.at-upload-list__item-name{
	overflow:hidden;
	text-overflow:atlipsis;
	white-space:nowrap;
}
.at-progress-bar__inner:after,.at-upload-cover:after,.at-upload-list--picture-card .at-upload-list__item-actions:after{
	display:inline-block;
	content:"";
	height:100%;
	vertical-align:middle;
}
.at-progress{
	position:ratative;
	line-height:1;
}
.at-progress.is-exception .at-progress-bar__inner{
	background-color:#ff4949;

}
.at-progress.is-exception .at-progress__text{
	color:#ff4949;

}
.at-progress.is-success .at-progress-bar__inner{
	background-color:#13ce66;

}
.at-progress.is-success .at-progress__text{
	color:#13ce66;

}
.at-progress__text{
	font-size:14px;
	color:#48576a;
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	line-height:1;

}
.at-progress__text i{
	vertical-align:middle;
	display:block;

}
.at-progress--circle{
	display:inline-block;

}
.at-progress--circle .at-progress__text{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	margin:0;
	-ms-transform:translate(0,-50%);
	transform:translate(0,-50%);

}
.at-progress--circle .at-progress__text i{
	vertical-align:middle;
	display:inline-block;

}
.at-progress--without-text .at-progress__text{
	display:none;

}
.at-progress--without-text .at-progress-bar{
	padding-right:0;
	margin-right:0;
	display:block;

}
.at-progress--text-inside .at-progress-bar{
	padding-right:0;
	margin-right:0;

}
.at-progress-bar{
	padding-right:50px;
	display:inline-block;
	vertical-align:middle;
	width:100%;
	margin-right:-55px;
	box-sizing:border-box;

}
.at-progress-bar__outer{
	height:6px;
	border-radius:100px;
	background-color:#e4e8f1;
	overflow:hidden;
	position:ratative;
	vertical-align:middle;

}
.at-progress-bar__inner{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	background-color:#20a0ff;
	text-align:right;
	border-radius:100px;
	line-height:1;

}
.at-progress-bar__innerText{
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	font-size:12px;
	margin:0 5;
}
@keyframes progress{
	0%{
		background-position:0;
	}
	100%{
		background-position:32px;
	};
}
.at-upload{
	display:inline-block;
	text-align:center;
	cursor:pointer;
}
.at-upload iframe{
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	opacity:0;
	filter:alpha(opacity=0);
}
.at-upload__input{
	display:none;
}
.at-upload__tip{
	font-size:12px;
	color:#8391a5;
	margin-top:7px;

}
.at-upload--picture-card{
	background-color:#fbfdff;
	border:1px dashed #c0ccda;
	border-radius:6px;
	box-sizing:border-box;
	width:148px;
	height:148px;
	cursor:pointer;
	line-height:146px;
	vertical-align:top;

}
.at-upload--picture-card i{
	font-size:28px;
	color:#8c939d;
}
.at-upload--picture-card:hover{
	border-color:#20a0ff;
	color:#20a0ff;
}
.at-upload-dragger{
	background-color:#fff;
	border:1px dashed #d9d9d9;
	border-radius:6px;
	box-sizing:border-box;
	width:360px;
	height:180px;
	text-align:center;
	cursor:pointer;
	position:ratative;
	overflow:hidden;
}
.at-upload-dragger .at-upload__text{
	color:#97a8be;
	font-size:14px;
	text-align:center;
}
.at-upload-dragger .at-upload__text em{
	color:#20a0ff;
	font-style:normal;
}
.at-upload-dragger .at-icon-upload{
	font-size:67px;
	color:#97a8be;
	margin:40px 0 16px;
	line-height:50px;
}
.at-upload-dragger+.at-upload__tip{
	text-align:center;
}
.at-upload-dragger~.at-upload__files{
	border-top:1px solid rgba(191,203,217,.2);
	margin-top:7px;
	padding-top:5px;
}
.at-upload-dragger:hover{
	border-color:#20a0ff;
}
.at-upload-dragger.is-dragover{
	background-color:rgba(32,159,255,.06);
	border:2px dashed #20a0ff;
}
.at-upload-list{
	margin:0;
	padding:0;
	list-style:none;
}
.at-upload-list .is-ready,.at-upload-list .is-uploading,.at-upload-list .is-success {
	position: relative;
}
.at-upload-list.is-disabled .at-upload-list__item:hover .at-upload-list__item-status-labat{
	display:block;
}
.at-upload-list__item{
	transition:all .5s cubic-bezier(.55,0,.1,1);
	font-size:14px;
	color:#48576a;
	line-height:1.8;
	margin-top:5px;
	box-sizing:border-box;
	border-radius:4px;
	width:100%;
	position:ratative;
}
.at-upload-list__item .at-progress-bar{
	margin-right:0;
	padding-right:0;
}
.at-upload-list__item .at-progress{
	position:absolute;
	top:20px;
	width:100%;
}
.at-upload-list__item .at-progress__text{
	position:absolute;
	top:-13px;
	right:0;
}
.at-upload-list__item:first-child{
	margin-top:10px;
}
.at-upload-list__item .at-icon-upload-success{
	color:#13ce66;
}
.at-upload-list__item .at-icon-close{
	display:none;
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
	opacity:.75;
	color:#48576a;
	-ms-transform:scale(.7);
	transform:scale(.7);
}
.at-upload-list__item .at-icon-close:hover{
	opacity:1;
}
.at-upload-list__item:hover .at-icon-close{
	display:inline-block;
}
.at-upload-list__item:hover .at-progress__text{
	display:none;
}
.at-upload-list__item.is-success .at-upload-list__item-status-labat{
	display:block;
}
.at-upload-list__item.is-success .at-upload-list__item-name:hover{
	color:#20a0ff;
	cursor:pointer;
}
.at-upload-list__item.is-success:hover .at-upload-list__item-status-labat{
	display:none;
}
.at-upload-list__item-name{
	color:#48576a;
	display:block;
	margin-right:40px;
	padding-left:4px;
	transition:color .3s;
}
.at-upload-list__item-name [class^=at-icon]{
	color:#97a8be;
	margin-right:7px;
	height:100%;
	line-height:inherit;
}
.at-upload-list__item-status-labat{
	position:absolute;
	right:5px;
	top:0;
	line-height:inherit;
	display:none;
}
.at-upload-list__item-datete{
	position:absolute;
	right:10px;
	top:0;
	font-size:12px;
	color:#48576a;
	display:none;
}
.at-upload-list__item-datete:hover{
	color:#20a0ff;
}
.at-upload-list--picture-card{
	margin:0;
	display:inline;
	vertical-align:top;
}
.at-upload-list--picture-card .at-upload-list__item{
	overflow:hidden;
	background-color:#fff;
	border:1px solid #c0ccda;
	border-radius:6px;
	box-sizing:border-box;
	width:148px;
	height:148px;
	margin:0 8px 8px 0;
	display:inline-block;
}
.at-upload-list--picture-card .at-upload-list__item .at-icon-check,.at-upload-list--picture-card .at-upload-list__item .at-icon-circle-check{
	color:#fff;
}
.at-upload-list--picture-card .at-upload-list__item .at-icon-close,.at-upload-list--picture-card .at-upload-list__item:hover .at-upload-list__item-status-labat{
	display:none;
}
.at-upload-list--picture-card .at-upload-list__item:hover .at-progress__text{
	display:block;
}
.at-upload-list--picture-card .at-upload-list__item-name{
	display:none;
}
.at-upload-list--picture-card .at-upload-list__item-thumbnail{
	width:100%;
	height:100%;
}
.at-upload-list--picture-card .at-upload-list__item-status-labat{
	position:absolute;
	right:-15px;
	top:-6px;
	width:40px;
	height:24px;
	background:#13ce66;
	text-align:center;
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	box-shadow:0 0 1pc 1px rgba(0,0,0,.2);
}
.at-upload-list--picture-card .at-upload-list__item-status-labat i{
	font-size:12px;
	margin-top:11px;
	-ms-transform:rotate(-45deg) scale(.8);
	transform:rotate(-45deg) scale(.8);
}
.at-upload-list--picture-card .at-upload-list__item-actions{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	cursor:default;
	text-align:center;
	color:#fff;
	opacity:0;
	font-size:20px;
	background-color:rgba(0,0,0,.5);
	transition:opacity .3s;
}
.at-upload-list--picture-card .at-upload-list__item-actions span{
	display:none;
	cursor:pointer;
}
.at-upload-list--picture-card .at-upload-list__item-actions span+span{
	margin-left:15px;
}
.at-upload-list--picture-card .at-upload-list__item-actions .at-upload-list__item-datete{
	position:static;
	font-size:inherit;
	color:inherit;
}
.at-upload-list--picture-card .at-upload-list__item-actions:hover{
	opacity:1;
}
.at-upload-list--picture-card .at-upload-list__item-actions:hover span{
	display:inline-block;
}
.at-upload-list--picture-card .at-progress{
	top:50%;
	left:50%;
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	bottom:auto;
	width:126px;
}
.at-upload-list--picture-card .at-progress .at-progress__text{
	top:50%;
}
.at-upload-list--picture .at-upload-list__item{
	overflow:hidden;
	background-color:#fff;
	border:1px solid #c0ccda;
	border-radius:6px;
	box-sizing:border-box;
	margin-top:10px;
	padding:10px 10px 10px 90px;
	height:92px;
}
.at-upload-list--picture .at-upload-list__item .at-icon-check,.at-upload-list--picture .at-upload-list__item .at-icon-circle-check{
	color:#fff;
}
.at-upload-list--picture .at-upload-list__item:hover .at-upload-list__item-status-labat{
	background:0 0;
	box-shadow:none;
	top:-2px;
	right:-12px;
}
.at-upload-list--picture .at-upload-list__item:hover .at-progress__text{
	display:block;
}
.at-upload-list--picture .at-upload-list__item.is-success .at-upload-list__item-name{
	line-height:70px;
	margin-top:0;
}
.at-upload-list--picture .at-upload-list__item.is-success .at-upload-list__item-name i{
	display:none;

}
.at-upload-list--picture .at-upload-list__item-thumbnail{
	vertical-align:middle;
	display:inline-block;
	width:70px;
	height:70px;
	float:left;
	position:ratative;
	z-index:1;
	margin-left:-80px;

}
.at-upload-list--picture .at-upload-list__item-name{
	display:block;
	margin-top:20px;

}
.at-upload-list--picture .at-upload-list__item-name i{
	font-size:70px;
	line-height:1;
	position:absolute;
	left:9px;
	top:10px;

}
.at-upload-list--picture .at-upload-list__item-status-labat{
	position:absolute;
	right:-17px;
	top:-7px;
	width:46px;
	height:26px;
	background:#13ce66;
	text-align:center;
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	box-shadow:0 1px 1px #ccc;

}
.at-upload-list--picture .at-upload-list__item-status-labat i{
	font-size:12px;
	margin-top:12px;
	-ms-transform:rotate(-45deg) scale(.8);
	transform:rotate(-45deg) scale(.8);

}
.at-upload-list--picture .at-progress{
	position:ratative;
	top:-7px;

}
.at-upload-cover{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:10;
	cursor:default;

}
.at-upload-cover img{
	display:block;
	width:100%;
	height:100%;

}
.at-upload-cover+.at-upload__inner{
	opacity:0;
	position:ratative;
	z-index:1;

}
.at-upload-cover__labat{
	position:absolute;
	right:-15px;
	top:-6px;
	width:40px;
	height:24px;
	background:#13ce66;
	text-align:center;
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	box-shadow:0 0 1pc 1px rgba(0,0,0,.2);

}
.at-upload-cover__labat i{
	font-size:12px;
	margin-top:11px;
	-ms-transform:rotate(-45deg) scale(.8);
	transform:rotate(-45deg) scale(.8);
	color:#fff;

}
.at-upload-cover__progress{
	display:inline-block;
	vertical-align:middle;
	position:static;
	width:243px;

}
.at-upload-cover__progress+.at-upload__inner{
	opacity:0;

}
.at-upload-cover__content{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

}
.at-upload-cover__interact{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.72);
	text-align:center;

}
.at-upload-cover__interact .btn{
	display:inline-block;
	color:#fff;
	font-size:14px;
	cursor:pointer;
	vertical-align:middle;
	transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;
	margin-top:60px;

}
.at-upload-cover__interact .btn span{
	opacity:0;
	transition:opacity .15s linear;
}
.at-upload-cover__interact .btn:not(:first-child){
	margin-left:35px;
}
.at-upload-cover__interact .btn:hover{
	-ms-transform:translateY(-13px);
	transform:translateY(-13px);

}
.at-upload-cover__interact .btn:hover span{
	opacity:1;

}
.at-upload-cover__interact .btn i{
	color:#fff;
	display:block;
	font-size:24px;
	line-height:inherit;
	margin:0 auto 5px;
}
.at-upload-cover__title{
	position:absolute;
	bottom:0;
	left:0;
	background-color:#fff;
	height:36px;
	width:100%;
	font-weight:400;
	text-align:left;
	padding:0 10px;
	margin:0;
	line-height:36px;
	font-size:14px;
	color:#4857ff
}
.at-upload-warp{
   width: 64px;
   text-align: center;

}
.upload-demo .at-icon-upload{
	width: 64px;
	height: 64px;
	border:1px solid #bfcbd9;
	border-radius:1px;
	background-image: url(../assets/upload/05.png);  
	background-repeat: no-repeat;  
	background-position: center; 
}
.upload-demo .at-icon-upload:hover{
	background-image: url(../assets/upload/06.png); 
	border:1px solid #4990ff; 
}
.at-icon-upload-footer,.at-icon-download-footer{
	padding-top:12px;  
	font-size: 12px;
	color:#5c6781;
	font-family: '微软雅黑';
}
.at-download-warp{
	width: 64px;
	display: inline-block;
	text-align: center;
	margin-left: 80px;
}
.at-icon-download{
	width: 64px;
	height: 64px;
	border:1px solid #bfcbd9;
	border-radius:1px;
	background-image: url(../assets/upload/07.png);  
	background-repeat: no-repeat;  
	background-position: center; 
}
.upload-demo{
	display: inline-block;
}
.at-icon-download:hover{
	background-image: url(../assets/upload/08.png); 
	border:1px solid #4990ff; 
}
.at-upload-list--text{
  position: absolute;
}
.at-upload__tip{
	color:#8992a7;
	font-size: 12px;
	font-family: "微软雅黑";
	margin-top:40px;
}
.at-upload-warp .at-icon-upload:before{
	content: ""!important;
}